next js Container Presentational Pattern 코드를 한 파일에 전부 작성하면 굉장히 길어져 가독성이 떨어져 오류가 생겨도 찾기 힘들고 특히 협업을 할 때 효율성이 떨어질 것이다. 이를 방지하지 위해 코드의 역할에 따라 파일을 나누어 놓는 것을 Container/ Presentational 패턴이라고 한다. React 코드를 살펴보면 JS(기능)부분과 JSX(UI)부분으로 나누어진다. 이 때, JS부분을 container 파일로, JSX... react jsnext jsnext js [React Native] Webview에 Stack Navigation 적용하기 최근 사이드 프로젝트에서 앱 개발이 필요해 하이브리드 앱 을 만들고 있는데, React Native 와 Webview 를 이용하여 앱을 구현하고 있다. 웹뷰 기반의 하이브리드앱을 유독 해결이 어려운 문제가 하나 있었는데, 바로 웹을 앱처럼 보이기 위해 페이지 전환을 할 때 스택 형태로 페이지 전환 효과를 주는 문제였다. 많은 고민 끝에 앱 단에서 react-navigation 및 onMess... animationreact nativenext jswebviewstacknavigationanimation next + redux + typescript 간단한 예제 만들어보기 typescript를 복습하기 위해 기본적인 예제를 만들어보는 시간 next.js, redux, Typescript 를 사용하였습니다. 예제 생성은 npx create-next-app --example with-typescript with-typescript-app 사용했습니다. components UI 로직만 return 하는 컴포넌트 containers 리덕스와 관련된 비즈니스 로직을 처... next jstypescriptnext + redux + typescriptreduxnext + redux + typescript
Container Presentational Pattern 코드를 한 파일에 전부 작성하면 굉장히 길어져 가독성이 떨어져 오류가 생겨도 찾기 힘들고 특히 협업을 할 때 효율성이 떨어질 것이다. 이를 방지하지 위해 코드의 역할에 따라 파일을 나누어 놓는 것을 Container/ Presentational 패턴이라고 한다. React 코드를 살펴보면 JS(기능)부분과 JSX(UI)부분으로 나누어진다. 이 때, JS부분을 container 파일로, JSX... react jsnext jsnext js [React Native] Webview에 Stack Navigation 적용하기 최근 사이드 프로젝트에서 앱 개발이 필요해 하이브리드 앱 을 만들고 있는데, React Native 와 Webview 를 이용하여 앱을 구현하고 있다. 웹뷰 기반의 하이브리드앱을 유독 해결이 어려운 문제가 하나 있었는데, 바로 웹을 앱처럼 보이기 위해 페이지 전환을 할 때 스택 형태로 페이지 전환 효과를 주는 문제였다. 많은 고민 끝에 앱 단에서 react-navigation 및 onMess... animationreact nativenext jswebviewstacknavigationanimation next + redux + typescript 간단한 예제 만들어보기 typescript를 복습하기 위해 기본적인 예제를 만들어보는 시간 next.js, redux, Typescript 를 사용하였습니다. 예제 생성은 npx create-next-app --example with-typescript with-typescript-app 사용했습니다. components UI 로직만 return 하는 컴포넌트 containers 리덕스와 관련된 비즈니스 로직을 처... next jstypescriptnext + redux + typescriptreduxnext + redux + typescript